<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p4_图片处理</title>
</head>
<body>
    <!--相对路径:从当前html文件出发去找图片资源,注意要写完整的图片名!name.suffix
    1)图片与html文件在同一级目录,直接写图片全名2.jpg
    2)图片在html文件的下一级目录,先写文件夹名,再写文件夹下的图片全名 img/3.jpg
    3)图片在html文件的上一级目录,先../回到上一级日录,再写图片全名 ../1.png
    -->
    <img src="2.jpg" alt="">
    <img src="img/3.jpg" alt="">
    <img src="../1.png" alt="">
<!--    alt属性是当前图片无法正常加载时展示的替换文字-->
    <img src="abc.png" alt="哎呀，图片被外星人偷走了">
    <img src="https://www.runoob.com/wp-content/uploads/2013/12/java.jpg" width="250px">
    <img src="img/5.png"  width="666px" title="这是的傻傻的小雨">
</body>
</html>